/**
	 * 这里是uni-app内置的常用样式变量
	 *
	 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
	 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
	 *
	 */
/**
	 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
	 *
	 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
	 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@font-face {
	font-family: iconfont;
	/* project id 2074543 */
	src: url(//at.alicdn.com/t/font_2074543_tdwegstpzw.eot);
	src: url(//at.alicdn.com/t/font_2074543_tdwegstpzw.eot#iefix) format("embedded-opentype"), url(//at.alicdn.com/t/font_2074543_tdwegstpzw.woff2) format("woff2"), url(//at.alicdn.com/t/font_2074543_tdwegstpzw.woff) format("woff"), url(//at.alicdn.com/t/font_2074543_tdwegstpzw.ttf) format("truetype"), url(//at.alicdn.com/t/font_2074543_tdwegstpzw.svg#iconfont) format("svg")
}

@font-face {
		font-family: uniicons;
		font-weight: normal;
		font-style: normal;
		src: url('~@/static/uni.ttf') format('truetype');
}
	
.iconfont {
	font-family: iconfont
}

uni-page-body {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	font-family: PingFangSC-Regular, Source Han Sans CN, Microsoft YaHei, sans-serif
}

.titlebar {
	position: fixed;
	left: 0;
	right: 98px;
	padding: 0 18px;
	top: 0;
	height: 32px;
	line-height: 32px;
	z-index: 10;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex
}

.titlebar-button {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 32px;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, .16);
	border-radius: 32px;
	text-align: center;
	margin-right: 10px;
	background: hsla(0, 0%, 100%, .5)
}

.titlebar-button uni-text {
	margin: 0;
	width: 1px;
	height: 20px;
	background: rgba(0, 0, 0, .16);
	overflow: hidden
}

.titlebar-button uni-text.iconfont {
	margin: 0;
	width: 40px;
	height: 32px;
	background: none;
	line-height: 32px
}

.titlebar-title {
	position: absolute;
	left: 108px;
	right: 0;
	top: 0;
	line-height: 32px;
	text-align: center
}

.titlebar-title uni-text {
	color: #333
}

.titlebar-input {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	font-size: 12px;
	line-height: 32px;
	position: relative
}

.titlebar-input uni-input {
	width: 100%;
	height: 32px;
	padding: 0 20px 0 30px;
	line-height: 32px;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-radius: 8px;
	background: rgba(120, 120, 128, .08)
}

.titlebar-input .iconfont {
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 100%;
	text-align: center;
	left: 10px;
	font-size: 16px
}

.titlebar-input .name {
	width: 100%;
	height: 32px;
	padding: 0 20px 0 30px;
	line-height: 32px;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-radius: 8px;
	background: rgba(120, 120, 128, .08);
	display: block;
	color: rgba(0, 0, 10, .3)
}

.titlebar {
	display: none
}

/****支付弹出层****/
.home-dialog {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
	z-index: 88
}

.home-dialog .home-background {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 10, .4)
}

.home-dialog .home-cite {
	position: relative;
	width: 302px;
	background: #fff;
	border-radius: 9px
}

.home-dialog .home-cite .desc {
	display: block;
	font-size: 18px;
	line-height: 31px;
	color: rgba(0, 0, 10, .6);
	margin-top: 20px;
	text-align: center;
	color: #353535
}

.home-dialog .home-cite .dialog-btn {
	overflow: hidden;
	border-top: 1px solid rgba(0, 0, 0, .1);
	height: 63px;
	line-height: 63px
}

.home-dialog .home-cite .dialog-btn uni-text {
	display: block;
	width: 50%;
	float: left;
	width: 50%;
	font-size: 19px;
	height: 63px;
	text-align: center;
	line-height: 63px;
	position: relative
}

.home-dialog .home-cite .dialog-btn .cancel::before {
	width: 1px;
	height: 63px;
	content: "";
	border-left: 1px solid rgba(0, 0, 0, .1);
	position: absolute;
	top: 0;
	right: 0
}

.home-dialog .home-cite .dialog-btn .sure {
	color: #fc0
}

.home-dialog .home-cite .dialog-btn .paySure {
	color: #04c160
}

.home-dialog .home-cite .pay-title {
	display: block;
	font-size: 22px;
	color: #00000a;
	font-weight: 700;
	text-align: center;
	padding: 31px 0
}

.home-dialog .home-cite .pay-name {
	display: block;
	text-align: center;
	font-size: 18px;
	color: rgba(0, 0, 10, .6);
	padding-bottom: 30px
}

.home-dialog .home-cite .pay-price {
	text-align: center;
	font-size: 43px;
	color: #000;
	overflow: hidden
}

.home-dialog .home-cite .pay-price.line {
	text-decoration: line-through
}

.home-dialog .home-cite .pay-price uni-text {
	display: inline-block;
	font-size: 22px;
	position: relative;
	top: -13px
}

.home-dialog .home-cite .pay-time {
	display: block;
	height: 49px;
	line-height: 49px;
	font-size: 13px;
	color: rgba(0, 0, 10, .6);
	border-bottom: 1px solid rgba(0, 0, 10, .08);
	margin: 0 27px
}

.home-dialog .home-cite .pay-intro {
	border-bottom: none
}

.home-dialog .home-cite .pay-intro .vip {
	color: #007aff;
	margin-left: 4px
}

.hint-dialog .home-cite {
	padding: 0 27px 36px
}

.hint-dialog .home-cite .hint {
	text-align: center;
	display: block;
	font-size: 22px;
	line-height: 31px;
	font-weight: 700;
	padding-top: 20px
}

.hint-dialog .home-cite .desc {
	padding-top: 0
}

.hint-dialog .home-cite .dialog-btn {
	margin-top: 20px;
	height: 49px;
	background: #fc0;
	color: #00000a;
	font-size: 18px;
	line-height: 49px;
	text-align: center;
	border-radius: 4px;
	border: none
}

.hint-dialog .home-cite .dialog-btn::after {
	display: none
}

.transpond-dialog {
	overflow: hidden
}

.transpond-dialog .cite {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 10, .4);
	z-index: 10
}

.transpond-dialog .tranpond-type {
	width: 100%;
	background: #fff;
	padding-top: 27px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20
}

.transpond-dialog .tranpond-type .share-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	overflow: hidden;
	width: 100%;
	padding-bottom: 22px
}

.transpond-dialog .tranpond-type .btn {
	width: 50%;
	float: left;
	overflow: hidden;
	text-align: center;
	border: none;
	background: none;
	border-radius: 0
}

.transpond-dialog .tranpond-type .btn::after {
	background: none;
	border: none;
	border-radius: 0
}

.transpond-dialog .tranpond-type .btn .image {
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 auto;
	overflow: hidden
}

.transpond-dialog .tranpond-type .btn uni-text {
	display: block;
	font-size: 13px;
	color: rgba(0, 0, 10, .6);
	overflow: hidden;
	padding-top: 9px
}

.transpond-dialog .tranpond-type .cancle-btn {
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: rgba(0, 0, 10, .88);
	padding-top: 18px;
	border-top: 1px solid rgba(0, 0, 10, .06);
	padding-bottom: 56px;
	font-weight: 700
}

.share-friend-dialog {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 999
}

.share-friend-background {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 10, .4)
}

.share-friend-warp {
	position: fixed;
	top: 32px;
	margin-top: 32px;
	right: 8px;
	font-size: 15px;
	color: #fff;
	line-height: 27px;
	padding: 22px 12px 0;
	background: url(/static/images/share_friend_bg.png) no-repeat 50%;
	width: 206px;
	height: 68px;
	z-index: 999;
	background-size: contain
}

.share-friend-warp uni-image {
	width: 22px;
	height: 22px;
	position: relative;
	top: 5px;
	display: inline-block
}

.share-friend-warp {
	margin-top: 32px
}

.public-right-btn {
	width: 54px;
	height: 54px;
	background: #fc0;
	border-radius: 50%;
	padding: 0;
	margin: 0;
	position: fixed;
	bottom: 115px;
	right: 22px;
	z-index: 10
}

.public-right-btn .iconfont {
	width: 54px;
	height: 54px;
	line-height: 54px;
	margin: 0 auto;
	text-align: center;
	display: block;
	color: #fff;
	position: relative
}

.public-right-btn::after {
	display: none
}

.public-open-app .button {
	width:100px;
	height: 69px;
	padding: 0;
	margin: 0;
	position: fixed;
	bottom: 7rem;
	right: 1rem;
	z-index: 10
}

.public-open-app .name {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 15px;
	height: 22px;
	/* line-height: 22px; */
	margin-top: 7px
}

.public-open-app .text {
	display: block;
	font-size: 10px;
	height: 11px;
	line-height: 11px
}

.promote-banner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	border-top: 9px solid #f2f2f7;
	border-bottom: 9px solid #f2f2f7;
	position: relative;
	background: #fff
}

.promote-banner uni-image {
	vertical-align: top;
	width: 100%;
	height: 72px
}

.promote-banner .button {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	border-radius: 0
}

.promote-download {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	min-height: 72px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-left: 13px;
	padding-right: 18px;
	height: 72px;
	background: rgba(0, 0, 0, .8);
	position: relative
}

.promote-download uni-image {
	width: 115px;
	height: 54px;
	display: block
}

.promote-download .desc {
	font-size: 13px;
	color: rgba(240, 240, 245, .6);
	position: absolute;
	left: 70px;
	bottom: 9px
}

.promote-download uni-button {
	margin: 0;
	width: 72px;
	height: 36px;
	line-height: 36px;
	padding: 0;
	text-align: center;
	font-size: 15px;
	color: #00000a;
	background: #fc0;
	border-radius: 2px
}

/*空投奖励*/
.reward-dialog {
	overflow: hidden
}

.reward-dialog .cite {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 10, .4);
	z-index: 888
}

.reward-dialog .reward-contain {
	width: 84%;
	position: fixed;
	top: 30%;
	left: 50%;
	margin-left: -42%;
	z-index: 889;
	background: #fff;
	border-radius: 8px
}

.reward-dialog .reward-contain .title {
	display: block;
	overflow: hidden;
	font-size: 18px;
	padding: 13px 0;
	text-align: center
}

.reward-dialog .reward-contain .num {
	font-size: 36px;
	display: block;
	text-align: center;
	color: #fc0
}

.reward-dialog .reward-contain .desc {
	display: block;
	font-size: 13px;
	color: rgba(0, 0, 12, .6);
	text-align: center
}

.reward-dialog .reward-contain .info {
	display: block;
	font-size: 13px;
	color: rgba(0, 0, 10, .88);
	text-align: center;
	padding-top: 18px
}

.reward-dialog .reward-contain .other-info {
	display: block;
	font-size: 13px;
	color: rgba(0, 0, 10, .3);
	width: 50%;
	margin: 5px auto 0;
	text-align: center
}

.reward-dialog .reward-contain .btn {
	display: block;
	margin: 22px 22px 27px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 15px;
	color: rgba(0, 0, 10, .88);
	background: #fc0;
	border-radius: 2px;
	color: #fff
}

.upwarp-nodata {
	width: 100%;
	text-align: center
}

.label-dialog {
	overflow: hidden
}

.label-dialog .cite {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 20;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 10, .6)
}

.label-dialog .label-main {
	width: 86%;
	background: #fff;
	border-radius: 9px;
	position: fixed;
	top: 40%;
	left: 7%;
	right: 7%;
	z-index: 22
}

.label-dialog .label-main .info {
	font-size: 19px;
	color: #353535;
	line-height: 27px;
	text-align: center;
	overflow: hidden;
	padding: 36px 27px
}

.label-dialog .label-main .info uni-text {
	display: block;
	overflow: hidden;
	font-weight: 500
}

.label-dialog .label-main .btn-lists {
	overflow: hidden;
	height: 62px;
	border-top: 1px solid rgba(0, 0, 0, .1)
}

.label-dialog .label-main .btn-lists .cancle {
	width: 50%;
	float: left;
	font-size: 19px;
	color: rgba(0, 0, 0, .3);
	text-align: center;
	height: 62px;
	line-height: 62px;
	position: relative
}

.label-dialog .label-main .btn-lists .cancle::before {
	width: 1px;
	height: 62px;
	border-right: 1px solid rgba(0, 0, 0, .1);
	content: "";
	position: absolute;
	top: 0;
	right: 0
}

.label-dialog .label-main .btn-lists .sure {
	width: 50%;
	float: left;
	font-size: 19px;
	color: #000;
	text-align: center;
	height: 62px;
	line-height: 62px;
	text-align: center
}

.wxParse {
	-webkit-user-select: none;
	user-select: none;
	color: #333;
	line-height: 1.2;
	/* font-size: 1em; */
	text-align: justify;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	word-break: break-word;
	white-space: pre-line
}

.wxParse .p {
	clear: both
}

.wxParse .inline {
	display: inline;
	margin: 0;
	padding: 0
}

.wxParse .div {
	margin: 0;
	padding: 0;
	display: block
}

.wxParse .h1,
.wxParse .h2,
.wxParse .h3,
.wxParse .h4,
.wxParse .h5,
.wxParse .h6,
.wxParse .b,
.wxParse .strong {
	font-weight: bolder
}

.wxParse .i,
.wxParse .cite,
.wxParse .em,
.wxParse .var,
.wxParse .address {
	font-style: italic
}

.wxParse .spaceshow {
	white-space: pre
}

.wxParse .pre,
.wxParse .tt,
.wxParse .code,
.wxParse .kbd,
.wxParse .samp {
	font-family: monospace
}

.wxParse .pre {
	overflow: auto;
	background: #f5f5f5;
	white-space: pre;
	font-size: 13px
}

.wxParse .code {
	overflow: auto;
	white-space: pre;
	background: #f5f5f5;
	font-size: 13px
}

.wxParse .big {
	font-size: 1.17em
}

.wxParse .small,
.wxParse .sub,
.wxParse .sup {
	font-size: .83em
}

.wxParse .sub {
	vertical-align: sub
}

.wxParse .sup {
	vertical-align: super
}

.wxParse .s,
.wxParse .strike,
.wxParse .del {
	text-decoration: line-through
}

.wxParse .strong,
.wxParse .text,
.wxParse .span,
.wxParse .s {
	display: inline
}

.wxParse .a {
	color: #00bfff;
	color: #0097ff
}

.wxParse .video {
	text-align: center
}

.wxParse .video-video {
	width: 100%
}

.wxParse .uni-image {
	max-width: 100%
}

.wxParse .img {
	display: block;
	max-width: 100%;
	overflow: hidden
}

.wxParse .ul,
.wxParse .ol {
	display: block;
	margin: 1em 0
}

.wxParse .ol {
	list-style-type: disc
}

.wxParse .ol {
	list-style-type: decimal
}

.wxParse .ol>weixin-parse-template,
.wxParse .ul>weixin-parse-template {
	display: list-item;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	align-items: baseline;
	text-align: match-parent
}

.wxParse .ol>.li,
.wxParse .ul>.li {
	display: list-item;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	align-items: baseline;
	text-align: match-parent
}

.wxParse .ul .ul,
.wxParse .ol .ul {
	list-style-type: circle
}

.wxParse .ol .ol .ul,
.wxParse .ol .ul .ul,
.wxParse .ul .ol .ul,
.wxParse .ul .ul .ul {
	list-style-type: square
}

.wxParse .u {
	text-decoration: underline
}

.wxParse .hide {
	display: none
}

.wxParse .del {
	display: inline
}

.wxParse .figure {
	overflow: hidden
}

.wxParse .tablebox {
	overflow: auto;
	background-color: #f5f5f5;
	background: #f5f5f5;
	font-size: 13px;
	padding: 8px
}

.wxParse .table .table,
.wxParse .table {
	border-collapse: collapse;
	box-sizing: border-box;
	overflow: auto;
	white-space: pre
}

.wxParse .tbody {
	border-collapse: collapse;
	box-sizing: border-box;
	border: 1px solid #dadada
}

.wxParse .table .thead,
.wxParse .table .tfoot,
.wxParse .table .th {
	border-collapse: collapse;
	box-sizing: border-box;
	background: #ececec;
	font-weight: 40
}

.wxParse .table .tr {
	border-collapse: collapse;
	box-sizing: border-box;
	overflow: auto
}

.wxParse .table .th,
.wxParse .table .td {
	border-collapse: collapse;
	box-sizing: border-box;
	border: 1px solid #dadada;
	overflow: auto
}

.wxParse .audio,
.wxParse .uni-audio-default {
	display: block
}

/*富文本详情*/
.wxParse {
	line-height: 28px;
	font-family: PingFangSC-Regular, Source Han Sans CN, Microsoft YaHei, sans-serif;
	color: rgba(0, 0, 10, .8);
	word-break: break-all
}

.wxParse .h1,
.wxParse .h2,
.wxParse .h3,
.wxParse .h4,
.wxParse .h5,
.wxParse .h6 {
	font-size: 18px;
	padding: 8px 0;
	margin: 3px 0;
	font-weight: 400;
	line-height: 28px;
	overflow: hidden;
	font-family: PingFangSC-Medium, Source Han Sans CN, Microsoft YaHei, sans-serif
}

.wxParse .p {
	display: block;
	width: 100%;
	padding: 12px 0;
	letter-spacing: .32px;
	font-size: 16px;
	overflow: hidden;
	line-height: 28px;
	font-family: PingFangSC-Regular, Source Han Sans CN, Microsoft YaHei, sans-serif;
	color: rgba(0, 0, 10, .8)
}

.wxParse .p .img {
	width: 100%;
	display: block;
	overflow: hidden
}

.wxParse .ul,
.wxParse .ol {
	display: block;
	list-style: none;
	overflow: hidden;
	padding: 8px 0
}

.wxParse .li {
	font-size: 14px;
	font-weight: 400;
	color: rgba(240, 240, 245, .3);
	line-height: 24px;
	position: relative;
	padding-left: 14px;
	font-family: PingFangSC-Regular, Source Han Sans CN, Microsoft YaHei, sans-serif
}

.wxParse .li::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	top: 9px;
	left: 0;
	background: rgba(235, 235, 245, .3);
	border-radius: 50%;
	overflow: hidden
}

.wxParse .blockquote {
	display: block;
	margin: 0;
	position: relative;
	padding: 8px 0 8px 14px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 400;
	font-family: PingFangSC-Regular, Source Han Sans CN, Microsoft YaHei, sans-serif;
	overflow: hidden
}

.wxParse .blockquote:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	bottom: 8px;
	width: 2px;
	background-color: rgba(235, 235, 245, .3)
}

.wxParse .a {
	color: #3394ff;
	text-decoration: none
}

/*富文本图片*/
.contain-image {
	position: relative;
	padding: 8px 0;
	background-size: contain;
	overflow: hidden;
	-webkit-user-select: none;
	user-select: none
}

.contain-image uni-view {
	display: block;
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	text-align: center;
	position: relative
}

.contain-image uni-image {
	height: 100%;
	border-radius: 2px
}

.contain-image uni-text {
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	overflow: hidden;
	padding: 8px 0 0;
	font-family: PingFangSC-Regular, Source Han Sans CN, Microsoft YaHei, sans-serif;
	color: rgba(0, 0, 10, .6);
	margin-bottom: 2px
}

/*富文本视频*/
.contain-video {
	position: relative;
	padding: 8px 0;
	background-size: contain;
	overflow: hidden;
	-webkit-user-select: none;
	user-select: none
}

.contain-video uni-view {
	display: block;
	height: 0;
	width: 100%;
	margin: 0;
	position: relative;
	overflow: hidden
}

.contain-video uni-video {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute
}

.contain-video uni-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.contain-video uni-text {
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	overflow: hidden;
	padding: 8px 0 0;
	font-family: PingFangSC-Regular, Source Han Sans CN, Microsoft YaHei, sans-serif;
	color: rgba(0, 0, 10, .6);
	margin-bottom: 2px
}

/*富文本分隔符*/
.contain-hr {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
	height: 16px;
	text-align: center;
	padding: 8px 0;
	margin: 8px 0
}

.contain-hr uni-image {
	width: 100%;
	fill: rgba(240, 240, 245, .3);
	height: 18px
}

.contain-product {
	position: relative;
	padding: 4px 0;
	margin: 16px 0;
	width: 100%
}

.contain-product-item {
	display: block;
	position: relative;
	overflow: hidden;
	font-style: normal;
	padding-left: 58px;
	height: 48px;
	border-radius: 2px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

.contain-product-item uni-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 48px
}

.contain-product-title {
	display: block;
	position: relative;
	font-size: 13px;
	white-space: nowrap;
	height: 29px;
	overflow: hidden;
	line-height: 30px;
	color: rgba(0, 0, 10, .6);
	font-family: PingFangSC-Regular, Source Han Sans CN, Microsoft YaHei, sans-serif;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.contain-product-title uni-text {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.contain-product-intro {
	display: block;
	position: relative;
	line-height: 13px;
	line-height: 15px;
	font-size: 10px;
	font-style: normal;
	color: rgba(0, 0, 10, .3);
	overflow: hidden;
	font-family: PingFangSC-Regular, Source Han Sans CN, Microsoft YaHei, sans-serif
}

.contain-product-intro-em {
	display: inline-block;
	margin-right: 1px;
	font-size: 13px;
	line-height: 13px;
	color: #ffaf33;
	vertical-align: top
}
